@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;font-family: 'Microsoft YaHei';}
a{color:#666;text-decoration:none}
a:hover{cursor:pointer;}
li{list-style:none}
.clear{clear:both}
select{outline:none}
input,button,select,textarea{outline:none}
textarea{resize:none}


.box{width:100%;line-height:28px;font-size:12px}
.head{width:1255px;margin:0 auto;padding:15px 0;position:relative}
.head .logo{width:150px;float:left;}
.head .logo img{max-width:100%}
.head .nav{float:left;}
.head .nav li{float:left;}
.head .nav li a{border-right:1px solid #B4B4B4;height:15px;line-height:0px;margin-top:10px;color:#666}
.head .nav li a.last{border:0;}
.head .switch{float:right}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 0px #000;
  width:100px;

  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;

  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;


  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }

.head .switch option{height:28px;line-height:28px}


.head .posi{position:absolute;left:-20px;top:50px}
.head .posi div{margin-bottom:30px}

.head .xxkCon{ position:absolute; background:rgba(256,256,256,.9);z-index:999}
.head .xxkCon>div{display:none}
.head .xxkCon .navSma{width:245px;height:300px;border:1px solid #868686;box-shadow:2px 2px 2px #757678}
.head .xxkCon .navSma p{height:18px;line-height:18px}
.head .xxkCon .navSma p a{color:#666;padding-left:20px}
.head .xxkCon .navSma p:first-child{margin-top:20px}

.head .xxkCon .fangCon{width:245px;height:300px;border:1px solid #868686;box-shadow:2px 2px 2px #757678;padding:15px}
.head .xxkCon .fangCon p{border-bottom:1px solid #868686}
.head .xxkCon .fangCon .key{width:190px;height:30px;line-height:30px;border:1px solid #3C3C3C;padding-left:10px;margin-bottom:10px}
.head .xxkCon .fangCon div{width:100%;position:relative}
.head .xxkCon .fangCon div .search{width:100%;height:30px;line-height:30px;border:1px solid #6E6E6E;background-color:#A0A0A0;color:#fff}
.head .xxkCon .fangCon div img{position:absolute;left:35%;top:8px;width:15px;}
.head .xxkCon .regist{width:245px;height:300px;border:1px solid #868686;box-shadow:2px 2px 2px #757678;padding:15px}

.banner{width:1255px;margin:0 auto;}
.banner img{max-width:100%}
.news_idx{width:1255px;margin:0 auto;background-color:#EBEBEB;padding:20px;margin-bottom:24px}
.news_idx p{font-family: "Microsoft YaHei";}
.news_idx h3{font-family: "Microsoft YaHei";}
.news_idx a{font-size:18px;color:#000000;font-family:"Microsoft YaHei";}
.news_idx a img{margin-right:10px}
.classify{width:1255px;margin:0 auto;}
.classify .classification{width:300px;margin-right:15px;float:left;position:relative;text-align:center}
.classify .classification:nth-child(4n){margin-right:0}
.classify .classification .img{width:100%}
.classify .classification .img img{max-width:100%}
.classify .classification .heng{position:absolute;top:20%;width:100%}
.classify .classification .heng span{width:50px;height:5px;display:block;background-color:#6AB3C2;margin:auto}
.classify .classification h3{position:absolute;top:30%;width:100%}
.classify .classification .title{height:32px;line-height:32px;background-color:#EBEBEB;color:#000}

.lun{width:1255px;margin:0 auto;}
.classify .anniu{float:right;margin-bottom:20px;margin-top:20px;margin-right:10px}
.classify .anniu span{width:40px;height:40px;background-color:#999999;border:1px solid #999999;border-radius:5px;display:block;float:left;color:#fff;text-align:center;line-height:40px;margin-left:10px}
.classify .anniu span.current{background-color:#68B4C2;border:1px solid #68B4C2}


.lun .anCon .case{width:300px;height:108px;background-color:#EBEBEB;float:left;line-height:108px;padding-left:30px;margin-right:15px;}
.lun .anCon .case:nth-child(4n){margin-right:0}
.lun .anCon .case p{width:35px;float:left;margin-left:50px;margin-top:40px;}
.lun .anCon .case img{width:30px}
.lun .anCon .case a{color:#68B4C2; font-size:16px;}
.lun .anCon .case:hover,.lun .anCon .current{background-color:#68B4C2;}
.lun .anCon .case:hover a,.lun .anCon .current a{color:#fff}
.lun .anCon .case .img2{display:none}
.lun .anCon .case:hover .img1,.lun .anCon .current .img1{display:none}
.lun .anCon .case:hover .img2,.lun .anCon .current .img2{display:block}

.newCenter{width:1255px;margin:0 auto;}
.newCenter>h3{padding:0 10px}
.newCenter h3 span{float:left}
.newCenter h3 a{float:right}
.newCenter dl{width:290px;margin-right:30px;float:left}
.newCenter dl:nth-of-type(4n){margin-right:0}
.newCenter dl dt{width:100%}
.newCenter dl dt img{max-width:100%;}
.newCenter dl dd.bold{height:25px; margin:12px 0 5px; line-height:25px;}
.newCenter dl dd.bold a{font-size:18px;color:#333333;}
.newCenter dl dd:last-child{width:100%;
word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden; }
.newCenter dl dd:last-child a{display:block; height:48px; color:#666;/*padding:0 10px;*/ line-height:24px; font-size:13px; overflow:hidden;}

.brand{width:1255px;margin:0 auto;}
.brand>h3{padding:0 10px}
.brand div{width:169px;border:2px solid #EAEAEA;margin-right:10px;height:50px;line-height:50px;text-align:center;float:left}
.brand div:last-child{margin-right:0}
.brand div:nth-child(8){margin-right:0}
.brand div img{max-width:100%;margin-top:12px}




.bottom{width:1255px;margin:0 auto;background-color:#EBEBEB;}
.bottom ul{float:left;width:12%;padding-left:20px;padding-top:20px}
.bottom ul a{color:#666666}
.bottom .address{float:right;width:30%;padding-top:20px}
.bottom .address i{margin-right:5px}
.bottom .bottomBot{width:100%;padding:0 20px}
.bottom .bottomBot span{float:left}
.bottom .bottomBot a{float:right;color:#A8A8A8}




.bottomSma{width:100%;margin:0 auto;background-color:#EBEBEB}
.bottomSma .category-list ul,.category-list li{list-style:none;}
.bottomSma .category-list a{text-decoration:none;color:#333;}
.bottomSma .category-list{overflow:hidden;width:100%}
.bottomSma .category-list li{padding:5px 0px;}
.bottomSma .category-list li a{width:95%;display: block;margin-left:9px;height:30px;line-height:30px;border-bottom:1px solid #C9C7C7;}
.bottomSma .category-list li ul{display:none;}
.bottomSma .category-first li a{margin-left:-40px;}
.bottomSma em{width:30px;height:30px;display:inline-block;float: right;background:url("../img/right.png") no-repeat;padding-right:5px;vertical-align: middle;transition: all .3s ;}
.bottomSma em.active{background:url("../img/down.png") no-repeat 0;}
.bottomSma .category-first li a{margin-left:15px;font-size:12px;border:0}
.bottomSma .bottomBot span{width:100%;text-align:center;display:block}
.bottomSma .bottomBot a{width:100%;text-align:center;display:block;color:#A8A8A8}
.bottomSma .address{width:100%;padding:10px 10px 0 10px}
.bottomSma .address i{margin-right:5px}


/*核心技术*/
.technology{width:1255px;margin:0 auto;}
.technology .techTop{background-color:#F6F6F6;height:50px;}
.technology .techTop .left{float:left;margin-bottom:10px}
.technology .techTop .left li{width:145px;float:left;height:50px;line-height:50px;text-align:center}
.technology .techTop .left li a{color:#666;}
.technology .techTop .left li.current{background-color:#68B4C2;}
.technology .techTop .left li.current a{color:#fff}
.technology .techTop .left li:hover{background-color:#68B4C2;}
.technology .techTop .left li:hover a{color:#fff}
.technology .techTop .right{float:right;margin-top:12px;padding-right:10px}
.technology .techTop .right i,.technology .techTop .right span,.technology .techTop .right a{float:left}
.technology .techTop .right i{margin-top:6px;margin-right:5px}
.technology .techTop .right span{margin-top:6px;margin-right:5px}
.technology .techTop .right a{color:#666}

.technology .techCon{width:100%;/* display:none */}
.technology .techCon img{/* width:100%;*/}
.technology .techCon .greenB{color:#66B3C5;font-size:20px;font-weight:600;/* text-align:left !important */}
.technology .techCon .greenS{color:#66B3C5;text-align:left !important}

/*招聘信息-----不用了*/
.offers{width:1255px;margin:0 auto;}
.offers .offersTop{background-color:#F6F6F6;height:50px;}
.offers .offersTop .left{float:left;margin-bottom:10px}
.offers .offersTop .left li{width:145px;float:left;height:50px;line-height:50px;text-align:center}
.offers .offersTop .left li a{color:#666;}
.offers .offersTop .left li.current{background-color:#68B4C2;}
.offers .offersTop .left li.current a{color:#fff}
.offers .offersTop .left li:hover{background-color:#68B4C2;}
.offers .offersTop .left li:hover a{color:#fff}
.offers .offersTop .right{float:right;margin-top:12px;}
.offers .offersTop .right i,.technology .techTop .right span,.technology .techTop .right a{float:left}
.offers .offersTop .right i{margin-top:6px;margin-right:5px}
.offers .offersTop .right span{margin-top:6px;margin-right:5px}
.offers .offersTop .right a{color:#666}

.offers .offersCon{width:100%;margin-bottom:50px;padding:20px;/* display:none */}
.offers .offersCon .greenB{color:#66B3C5;font-size:20px;font-weight:600;text-align:left !important}
.offers .offersCon .greenS{color:#66B3C5;text-align:left !important}
.offers .offersCon .tab{width:100%;}
.offers .offersCon .tab .heibg{height:50px;line-height:50px;background-color:#CCCCCC;text-align:center}
.offers .offersCon .tab .zhiwei{background-color:#EEEEEE;text-align:center;overflow:hidden;margin-top:10px;padding-top:10px;}
.offers .offersCon .tab .con{background-color:#eeeeee;padding:0 10px}


/*人才招聘*/
.contact_recruit{width:100%;margin:0 auto;overflow: hidden;}
.contact_recruit_con{width:100%;margin:0 auto;margin-top: 40px;}
.rcte4_1 ul{ display:table; width:100%;}
.rcte4_1 ul li{ display:table-cell; text-align:center; line-height:40px;background:#cccccc; font-weight:normal;}
.rcte4_2{ border:1px solid #eeeeee; position:relative; margin-bottom:20px;background-color:#eeeeee}
.rcte4_2 ul{ display:table; width:100%;}
.rcte4_2 ul li{ display:table-cell; text-align:center;line-height:28px;font-weight:normal; font-size:14px; padding:5px;width: 20%}
.ande{ position:absolute; right:0; top:4px; width:27px; height:31px;}
.arrow{ display:block; background:url(../img/jian.png) no-repeat 0 0; width:27px; height:31px; cursor:pointer;}
.up{ background:url(../img/jia.png) no-repeat 0 0;}
.down{ background:url(../img/jian.png) no-repeat 0 0;}
.rcte4a{ display:none; padding:10px; line-height:30px;font-size: 14px;}
.rcte4a h1{ font-size:16px; font-weight:normal;}
.rcte4a h2{ font-size:14px; font-weight:normal;}
.contact_recruit .title h1{color:#68B4C2}


















/*联系我们*/
.offersCon .message{position:relative}

.offersCon .message .messLeft{background-color:#F6F6F6}
.offersCon .message .messLeft div h4{font-weight:600}
.offersCon .message .messLeft div input{background-color:#f6f6f6;border:1px solid #f6f6f6;border-bottom:2px solid #E0E0E0;width:90%}
.offersCon .message .messLeft div textarea{width:735px;border:1px solid #f6f6f6;border-bottom:1px solid #E0E0E0;background-color:#F6F6F6;color:#B6B6B6}
.offersCon .message .messLeft .submit{width:100px;height:40px;line-height:40px;border:1px solid #D1212B;border-radius:5px;background-color:#D1212B;color:#fff;margin-top:30px;margin-bottom:20px;margin-left:20px}



.offersCon .message .messRight{position:absolute;top:0;bottom:0;right:0;background-color:#3E5873;color:#F6F9F2}
.offersCon .message .messRight h4{height:40px;line-height:40px}
.offersCon .message .messRight>p{height:60px;line-height:60px}
.offersCon .message .messRight .contact{border-top:1px dashed #5C7691;padding-top:30px}
.offersCon .message .messRight .contact div{width:38px;height:38px;line-height:38px;border:2px solid #6B8093;text-align:center;float:left;margin-right:10px;}
.offersCon .message .messRight .contact div img{margin-top:3px}



/* 地图 */
.contact-type{margin:50px 0}
.contype-r{border:10px solid #fff;width: 760px;margin-right:20px;}
.map{width:850px;margin-right:20px;float: left;}
.contype-r img{width:100%}
.contype-l{width:350px}
.contype-l dl dd span{ display: block;}
.contype-l dl{line-height:33px;cursor: pointer;}
.contype-l dl dd{display: none;}
.contype-l .currentdd{ background: #fff;padding:0 10px}
.contype-l .currentdd dd{ display: block;}
.contype-l .currentdd dt{color:#000}
.contype-l .currentdd dd span{color:#999}
.contype-l dl dt{font-size:18px;color:#000}

/*客户服务*/
.offersCon .service{width:810px;margin:0 auto}
.offersCon .service div{margin-bottom:20px}
.offersCon .service div label{width:80px;text-align:right}
.offersCon .service div input{width:290px}
.offersCon .service div input,.offersCon .service div textarea{background-color:#EEEEEE;border:1px solid #EEEEEE;}
.offersCon .service div textarea{width:693px;height:98px}
.offersCon .service .sub{    width: 80px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    color: #fff;
    background-color: #ccc;
    margin: 0 auto;
    display: block;}




/*企业中心-公司简介*/
p.button{height:50px;line-height:50px;width:76px;float:right;margin-right:5px;margin-top:20px}
p.button span{display:block;height:28px;width:27px;line-height:28px;border:1px solid #999999;border-radius:5px;background-color:#999999;color:#fff;text-align:center;float:left;margin-left:20px}
p.button span:first-child{margin-left:0}
p.button span.active{background-color:#68B4C2;border:1px solid #68B4C2}
.technology .techCon .marBot{margin-bottom:20px}
.technology .techCon .bgimg{background:url(../img/index3.png) repeat;padding:20px;margin-bottom:20px}
.technology .techCon .bgimg p{line-height:20px}
.classify{width:1255px;margin:0 auto;}
.jianjie .jianjieCon{width:305px;margin:0 10px 10px 0;float:left;position:relative;text-align:center;}
.jianjie .jianjieCon:last-child{margin-right:0}
.jianjie .jianjieCon .img{width:100%}
.jianjie .jianjieCon .img img{max-width:100%}
.jianjie .jianjieCon .heng{position:absolute;top:20%;width:100%}
.jianjie .jianjieCon .heng span{width:50px;height:5px;display:block;background-color:#6AB3C2;margin:auto}
.jianjie .jianjieCon h3{position:absolute;top:30%;width:100%}


/*项目案例*/
.case{width:1256px;margin:0 auto;}
.case dl{width:290px;margin:12px;float:left;padding:5px;background-color:#fff;box-shadow: 5px 5px 5px #E9E9E9; }
.case dl dt img{width:100%}
.case dl dd{/* height:40px; */line-height:30px;padding:0 10px}
.case dl dd.bold{margin-top:5px}
.case dl dd.bold a{font-size:15px;font-weight:600;color:#333333;}
.case dl dd:last-child a{color:#686868}
#page{text-align: center;margin:30px auto;}
#page a{font-size:16px; display: inline-block;padding:0 10px;height:40px;text-align:center;line-height:40px;border:1px solid #ccc;margin:5px; background: #eee;}
#page a:hover{ background: #FDCA54;}
#page span{font-size:16px; color: #fff;display: inline-block;padding:0 15px;height:40px;text-align:center;line-height:40px;border:1px solid #ccc;margin:5px; background: #FDCA54;}



/*新闻中心*/
.news{width:1256px;margin:0 auto;background-color:#fff;padding:0}
.news .new{width:100%;}
.news .new ul h4{border-bottom:1px solid #DDDDDD;padding-bottom:15px}
.news .new ul li{height:30px;line-height:30px}
.news .new ul li a{float:left;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;width:450px;font-size:12px;color:#666}
.news .new ul li span{float:right}
.news .video{margin-top:20px}
.news .video div embed{width:100%}
.news .video div video{width:100%;margin:0;padding:0}
.news .video div p{text-align:center;height:30ppx;line-height:30px;}
.news .lunbo{position:relative}
.news .lunbo dl{position:relative;margin-bottom:0;padding:0}
.news .lunbo dl dt img{max-width:100%}
.news .lunbo dl dd{position:absolute;top:20%;right:5%;width:60%;background:rgba(0,0,0,0.5);padding:20px;color:#fff}
.news .lunbo dl dd a{display:block;color:#fff;height:40px;line-height:40px}
.news .lunbo dl dd em{display:block}
.news .lunbo .luncon{background-color:#EEEEEE;position:absolute;top:0;bottom:0;right:0}
.news .lunbo .luncon p.title{height:40px;line-height:40px;}
.news .lunbo p.dian{position:absolute;right:100px;bottom:0}

/*视频1弹出框*/
.newsMeng1{display:none;width:100%;border:1px solid #f00;background:rgba(0,0,0,0.5);position:absolute;top:0;bottom:0}
.newsMeng1 .posi{width:800px;margin:10% auto;border:24px solid #000000;position:relative}
.newsMeng1 .posi img{position:absolute;right:-20px;top:-20px;width:20px;}
.newsMeng1 video{width:100%}

/*视频2弹出框*/
.newsMeng2{display:none;width:100%;border:1px solid #f00;background:rgba(0,0,0,0.5);position:absolute;top:0;bottom:0}
.newsMeng2 .posi{width:800px;margin:10% auto;border:24px solid #000000;position:relative}
.newsMeng2 .posi img{position:absolute;right:-20px;top:-20px;width:20px;}
.newsMeng2 video{width:100%}

/*视频3弹出框*/
.newsMeng3{display:none;width:100%;border:1px solid #f00;background:rgba(0,0,0,0.5);position:absolute;top:0;bottom:0}
.newsMeng3 .posi{width:800px;margin:10% auto;border:24px solid #000000;position:relative}
.newsMeng3 .posi img{position:absolute;right:-20px;top:-20px;width:20px;}
.newsMeng3 video{width:100%}

/*视频4弹出框*/
.newsMeng4{display:none;width:100%;border:1px solid #f00;background:rgba(0,0,0,0.5);position:absolute;top:0;bottom:0}
.newsMeng4 .posi{width:800px;margin:10% auto;border:24px solid #000000;position:relative}
.newsMeng4 .posi img{position:absolute;right:-20px;top:-20px;width:20px;}
.newsMeng4 video{width:100%}





@media screen and (max-width:1280px){
	.swiper-container{
		width:100% !important;
	}
}
@media screen and (max-width:1255px){
	/*.box{background-color:#ff0}*/
	.head,.banner,.news,.classify,.lun,.newCenter,.brand,.bottom,.technology,.case,.offers,.news,.news_idx{width:100%}
	
	.classify .classification{width:24%;margin-right:1.3%}
	.lun .anCon .case{width:24%;margin-right:1.3%}
	.newCenter dl{width:23%;margin-right:2%}
	#myCarousel{
		width:100%
	}
	
}



/*小屏*/
@media screen and (max-width:991px) {
   .head{width:100%}
   .head .logo{float:right}
   .head .nav,.head .switch{display:none}
   .head .posi{position:absolute;left:10px;top:20px}
   .head .posi div{float:left;margin-bottom:0}
   .head .posi div{float:left;margin-right:10px}
   
   .news{padding:5px}
   .news h3{font-size:16px}
   .news a{font-size:14px;}
   .news a img{width:20px}
   
   .classify .classification{width:50%;margin-right:0}
   .classify .classification .title{margin-bottom:0}
   .classify .classification h3{position:absolute;top:15%}
   
   .lun .anCon .case{width:100%;height:70px;line-height:70px;}
   .lun .anCon .case p{margin-top:20px}
	
	.newCenter dl{width:49%;float:left;margin:0;margin-bottom:10px}
    .newCenter dl:nth-child(2n){float:right}
   	.newCenter dl dd.bold a{font-size:12px}
   
   	.brand div{width:44%;margin:10px 3%}
   
   
   
   
   	.technology .techCon p,.technology .techCon div{padding:0 10px}
	.technology .techTop .left{width:100%}
   	.technology .techTop .left li{width:100%;border:1px solid #ccc}
	.technology .techCon .greenB{text-align:center !important}
	.technology .techCon .greenS{text-align:center !important}
	
	.offers .offersCon .tab .heibg p{padding:0}
	.offers .offersCon .tab .zhiwei p{padding:0}
	.offers .offersTop .left{width:100%}
	.offers .offersTop .left li{width:100%;border:1px solid #ccc}
	.offers .offersCon{padding:0}
	.offers .offersCon .greenB{text-align:center !important}
	.offers .offersCon .greenS{text-align:center !important}
	
	.offersCon .message .messLeft div input,.offersCon .message .messLeft div textarea{width:100%}
	.offersCon .message .messRight{position:static}
	
	
	
	.boxx{height:auto !important}
	.boxx #container3{width:100% !important;height:400px !important}
	.boxx .list{width:100% !important;display:none}
	
	
	.offersCon .service{width:100%}
	
	.offersCon .service div label{text-align:left}
	.offersCon .service div textarea{width:100%}
	
	
	p.button{width:100px;height:30px;line-height:30px;margin-top:0}
	.jianjie{padding:0 0 10px 0 !important}
	.jianjie .jianjieCon{width:49%;margin-right:2%;padding:0 0 10px 0 !important}
	.jianjie .jianjieCon:nth-child(2n){margin-right:0}
	
#page{text-align: center;margin:30px auto;}
#page a{font-size:16px; display: inline-block;padding:0 10px;height:40px;text-align:center;line-height:40px;border:1px solid #ccc;margin:5px; background: #eee;}
#page a:hover{ background: #FDCA54;}
#page span{font-size:16px; color: #fff;display: inline-block;padding:0 15px;height:40px;text-align:center;line-height:40px;border:1px solid #ccc;margin:5px; background: #FDCA54;}



	.case dl{width:50%;margin:0;margin-bottom:20px;}
	.case dl dd:last-child a{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;display:block;width:135px;height:20px;line-height:20px;}
	
	.news .lunbo .luncon{position:static}
	.news .lunbo dl dd a{height:30px;line-height:30px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;width:210px}
	.news .lunbo dl dd{width:70%;padding:5px 10px;top:15%}
	
	
	.newsMeng1 .posi{width:100%;margin:50% auto}
	.newsMeng2 .posi{width:100%;margin:50% auto}
	.newsMeng3 .posi{width:100%;margin:50% auto}
	.newsMeng4 .posi{width:100%;margin:50% auto}
	
	.rcte4_2 ul li{font-size:12px}
	.ande{position:absolute;right:2px;top:30px;width:10px;height:10px}
	.up{background-size:10px}
	.down{background-size:10px}
	.contact_recruit .title{text-align:center}
	
}